<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to MSHD!</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style1.css">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <link rel="stylesheet" href="static/css/style1.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="static/css/font-awesome.min.css" rel="stylesheet">

</head>
<body>
     <div class="main-bg" id="mian">
        <h1>Welcome to MSHD!</h1>
        <div class="sub-main-w3" style="width: 40%">
                <div id="section1" >
                        <article>
                            <form action="/login/" method="post">


                               {% csrf_token %}
                                <h3 class="legend">账号登录</h3>
                                {% if message %}

                                        <h8 class="legend">{{ message }}</h8>
                               {% endif %}
                                <div class="input">
                                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                                    <input type="text" v-model="logindata.email" id="id_username" name='username' placeholder="用户名"  required />
                                </div>
                                <div class="input">
                                    <span class="fa fa-key" aria-hidden="true"></span>
                                    <input type="password" v-model="logindata.password" placeholder="密码" name="password" id="id_password" required />
                                </div>
                                <button type="submit" class="btn submit">登 录</button>
                                <a href="/register/" style="margin: 2.3em auto 0;
                                                            background: #00ad45;
                                                            border: none;
                                                            cursor: pointer;
                                                            font-weight: 600;
                                                        transition: 0.5s all;
                                                            display: block;
                                                            color: #fff;
                                                            padding: 14px 30px;
                                                            text-align: center;
                                                                                ">注册</a>
                            </form>
                        </article>
                    </div>
        </div>
    </div>



</body>
</html>